<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>form</title>
</head>
<body>
    <!-- form action url将表单填写的内容提交到何处 method 缺省默认是get-->
    <!-- get 请求会将数据拼接在url后面 ? 拼接 key[input标签的name属性]=value&key2=value2 -->
    <!-- POST 请求 会将数据放到请求体中 -->
    <!-- input 标签 输入框 type:决定到底是什么操作 text file email password checkbox[多选框] radio[单选] button reset submit date url time month -->
    <!-- name 会作为数据提交的 key   value input填写的内容 -->
    <!-- required 代表必填  readonly 只读 disabled 不可用 -->
    <!-- maxlength 最长字符数量 minlength 最短字符数量 -->
    <!-- placeholder 当输入框没有内容的时候会显示出来 -->
    <form action="#" enctype="multipart/form-data" method="GET">
        <label for="username">用户名：</label>
        <input type="text" name="uname" required value="123" placeholder="请输入用户名"><br/>
        <label for="password">密码：</label>
        <input type="password" name="upass" required placeholder="请输入密码：" maxlength="16" minlength="8"><br/>
        <br />
        <label for="">网站介绍：</label>
        <input type="text"  disabled value="这是一个很厉害的网站"><br/>
        <label for="">选择头像：</label>
        <input type="file" name="" id=""> <br/>
        <label for="">邮箱：</label> 
        <input type="email" autofocus name="email">
        <label for="">爱好：</label>
        <input type="checkbox" name="hobby" value="游泳" checked> 游泳
        <input type="checkbox" name="hobby" value="骑车" checked> 骑车
        <input type="checkbox" name="hobby1" value="花钱"> 花钱
        <!-- radio checkbox 通过name来分类  -->
        <!-- radio checkbox checked 默认选中  -->
        <label for="">性别：</label>
        <input type="radio" name="gender" id="" value="男" checked> 男
        <input type="radio" name="gender" id="" value="女" checked> 女
        <input type="radio" name="gender2" id="" value="其他"> 其他
        <input type="button" value="测试">
        <!-- min max 数字的大小范围 -->
        <input type="number" name="" id="" max="10" min="1">
        <input type="range" name="" id="">
        <input type="submit" value="提交">
        <!-- reset 当前form表单 所有内容全部清空 -->
        <input type="reset" value="重置">
        <!-- select 下拉框 option 每一个选项 -->
        <select multiple>
            <option value="">西安</option>
            <option value="">兰州</option>
            <option value="">咸阳</option>
        </select>
        <!-- textarea 文本域 cols 列 rows 行 -->
        <textarea name="" id="" cols="50" rows="10"></textarea>




    </form>
</body>
</html>